<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户信息</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
            padding: 0;
            line-height: 1.6;
        }
        .info-item {
            margin-bottom: 10px;
        }
        .info-label {
            font-weight: bold;
            display: inline-block;
            width: 150px;
        }
        .info-value {
            display: inline-block;
            margin-left: 10px;
        }
        img.profile-photo {
            width: 100px;
            height: 100px;
            object-fit: cover;
            border-radius: 50%;
            margin-right: 10px;
        }
    </style>
</head>
<body>
    <div class="info-item">
        <div class="info-label">用户姓名：</div>
        <div class="info-value">${userInfo.realnameName}</div>
    </div>
    <div class="info-item">
        <div class="info-label">用户性别：</div>
        <div class="info-value">${userInfo.gender}</div>
    </div>
    <div class="info-item">
        <div class="info-label">用户年龄：</div>
        <div class="info-value">${userInfo.age}</div>
    </div>
    <div class="info-item">
        <div class="info-label">用户身高：</div>
        <div class="info-value">${userInfo.height}</div>
    </div>
    <div class="info-item">
        <div class="info-label">用户体重：</div>
        <div class="info-value">${userInfo.weight}</div>
    </div>
    <div class="info-item">
        <div class="info-label">出生年月：</div>
        <div class="info-value">${userInfo.birthdate ? string('yyyy-MM-dd')}</div>
    </div>
    <div class="info-item">
        <div class="info-label">用户星座：</div>
        <div class="info-value">${userInfo.constellation}</div>
    </div>
    <div class="info-item">
        <div class="info-label">婚姻状况：</div>
        <div class="info-value">${userInfo.maritalStatus}</div>
    </div>
    <div class="info-item">
        <div class="info-label">自我介绍：</div>
        <div class="info-value">${userInfo.selfIntroduction}</div>
    </div>
    <div class="info-item">
        <div class="info-label">用户学历：</div>
        <div class="info-value">${userInfo.education}</div>
    </div>
    <div class="info-item">
        <div class="info-label">车产情况：</div>
        <div class="info-value">${userInfo.isVehicle}</div>
    </div>
    <div class="info-item">
        <div class="info-label">房产情况：</div>
        <div class="info-value">${userInfo.isHouse}</div>
    </div>
    <div class="info-item">
        <div class="info-label">用户现住址：</div>
        <div class="info-value">${userInfo.presentAddress}</div>
    </div>
    <div class="info-item">
        <div class="info-label">用户民族：</div>
        <div class="info-value">${userInfo.nation}</div>
    </div>
    <div class="info-item">
        <div class="info-label">户籍贯：</div>
        <div class="info-value">${userInfo.nativePlace}</div>
    </div>
    <div class="info-item">
        <div class="info-label">工作单位：</div>
        <div class="info-value">${userInfo.job}</div>
    </div>
    <div class="info-item">
        <div class="info-label">家庭状态：</div>
        <div class="info-value">${userInfo.familyStatus}</div>
    </div>

    <div class="info-item">
        <div class="info-label">个人照片：</div>
        <div class="info-value">
            <#if userInfo.personalPhoto??>
                <img src="${userInfo.personalPhoto}" class="profile-photo" alt="用户照片">
            <#else>
                无照片
            </#if>
        </div>
    </div>
    <div class="info-item">
        <div class="info-label">工资状况：</div>
        <div class="info-value">${userInfo.salary}</div>
    </div>
    <div class="info-item">
        <div class="info-label">父母工作：</div>
        <div class="info-value">${userInfo.parentJob}</div>
    </div>
    <div class="info-item">
        <div class="info-label">定位经度：</div>
        <div class="info-value">${userInfo.longitude}</div>
    </div>
    <div class="info-item">
        <div class="info-label">定位维度：</div>
        <div class="info-value">${userInfo.latitude}</div>
    </div>
    <div class="info-item">
        <div class="info-label">择偶要求：</div>
        <div class="info-value">${userInfo.mateCriteria}</div>
    </div>


</body>
</html>
